label>input[type='checkbox']{
	  display:none;
}
label>svg{
	  width:20px;
	  height:20px;
	  border:2px solid #ccc;
	  border-radius:3px;
	  cursor:pointer;
} 
label>span{
	  vertical-align: top;
} 
label>input[type='checkbox']:checked +svg{
	  border:none;
      background-color:#fe6398;
}       
label>input[type='checkbox']:checked +svg>polyline{
      display:inline;
}
label>svg>polyline{
	  display:none;
	  stroke-dasharray: 1000;
	  animation: demo 8s linear;
	  -webkit-animation: demo 8s linear;
}
@keyframes demo {
	from{
		stroke-dashoffset: 1000;
	}
	to {
		stroke-dashoffset: 0;
	}
}
@-webkit-keyframes demo {
	from{
		stroke-dashoffset: 1000;
	}
	to {
		stroke-dashoffset: 0;
	}
}